.user{
    background-color: #f5f5f5;
    .userInfo_wrap{
        .user_img_wrap{
            width: 100%;
            height: 45vh;
            overflow: hidden;
            position: relative;
            .user_bg{
                width: 100%;
                -webkit-filter: blur(5px); /* Chrome, Opera */
             
            }
            .userInfo{
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                .user_icon{
                    width: 150rpx;
                    height: 150rpx;
                    border-radius: 150rpx;
                   
                }
                .user_name{
                    margin-top: 30rpx;
                    color: #ffffff;
                    text-align: center;
                }
            }
        }
    }

    .tool{
       
        position: relative;
        transform: translateY(-50rpx);
        // text-align: center;
       
        .nav{
            margin:  0 auto;
            width: 95vw;
            height: 100rpx;
            background-color: #ffffff;
            display: flex;
            align-items: center;
        
            .nav_item{
                flex: 1;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                .nav_item_num{
                    color: var(--themeColor);
                }
                .nav_item_text{

                }
            }
        }
        .order{
           background-color: #ffffff;
           margin:  20rpx auto;
           width: 95vw;
            .order_title{
                padding: 20rpx ;
                border-bottom: 1px solid #eeeeee;
            }
            .order_content{
                display: flex;
                align-items: center;
                .order_item{
                    flex: 1;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                    padding: 20rpx 0;
                    .iconfont{
                        color: var(--themeColor);
                        // font-size: 40rpx;
                    }
                    .order_name{
                        font-size: 28rpx;
                    }
                }
            }
        }
        .address{
            width: 95vw;
            background-color: #fff;
            padding: 20rpx ;
            margin: 20rpx auto;
        }
        .other{
            width: 95vw;
            height: 220rpx;
            background-color:#fff;
            margin: 0 auto;

            display: flex;
            flex-direction: column;
            justify-content: center;
            // align-items: center;
            .other_item{
                flex: 1;
                width: 95vw;
                border-bottom: 1px solid #eeeeee;
                display: flex;
                align-items: center;
                margin: 0 auto;
                padding: 0 20rpx;
                .sevice{
                    width: 95vw;
                    display: flex;
                    justify-content: space-between !important;
                }
            }
          
          
        }
        .share{
            width: 95vw;
            margin:20rpx auto;
            background-color: #fff;
            padding:20rpx
        }
    }
   
}
